<template>
  <div class="container bg-gray">
      <div class="category-p">
          <div class="flex">
              <div class="blue-line"></div>
              <div class="category-title">请选择机油号</div>
          </div>
      </div>
      <div class="list-items">
          <div class="list-item flex border-b">
              <div class="label">
                  油站名称：
              </div>
              <div class="flex-con">
                  <input type="text" placeholder="请输入油站名称">
              </div>
          </div>
          <div class="list-item flex border-b">
              <div class="label">
                  油站地址：
              </div>
              <div class="flex-con">
                  <input type="text" placeholder="请输入油站地址">
              </div>
          </div>
          <div class="list-item flex border-b">
              <div class="label">
                  车牌号码：
              </div>
              <div class="flex-con">
                  
              </div>
              <img src="../../assets/icons/gtblue.png" class="gtblue" alt="">
          </div>
          <div class="list-item flex border-b">
              <div class="label">
                  选择机油号：
              </div>
              <div class="flex-con">

              </div>
              <img src="../../assets/icons/gtblue.png" class="gtblue" alt="">
          </div>          
      </div>
      <div class="btnareas">
          <div class="sure-btn">
              确认提交
          </div>
      </div>
  </div>
</template>
<style lang="scss" scoped>
.btnareas {
  padding-top: 2.2933rem;
  .sure-btn {
    display: block;
    margin: 0 auto;
    width: 3.8667rem;
    height: 0.9867rem;
    line-height: 0.96rem;
    font-size: 0.4rem;
    color: #ff2a2a;
    border: 1px solid #ff2a2a;
    border-radius: 0.1333rem;
    text-align: center;
  }
}
.category-p {
  padding: 0.52rem 0.4267rem 0.2533rem 0.4267rem;
  .blue-line {
    width: 0.08rem;
    height: 0.6133rem;
    background-color: #28b46b;
    margin-right: 0.2267rem;
  }
  .category-title {
    font-size: 0.4rem;
    color: #222;
    font-weight: bold;
  }
}
.gtblue {
  width: 0.2133rem;
  height: 0.4rem;
}
.list-item {
  padding: 0.4533rem 0.4133rem;
  font-size: 0.4rem;
  color: #333;
  .label{
      padding-right:0.2rem;
  }
  input{
      font-size: 0.4rem;
      width:100%;
      background-color:transparent;
      box-sizing: border-box;
      border:none;
      outline: none;
  }
}
</style>

